<template>
  <section id="tax-raise">
    <section class="banner">
      <div>
        <h2>企业所得税全免!</h2>
        <h3>个人所得税低至1.5%</h3>
      </div>
      <img src="../assets/images/tax-raise-banner-pic.png">
    </section>
    <section class="condition">
      <h2>以下情形适合我们的节税产品</h2>
      <h3>这里会有您在创业过程中遇到的问题和知识</h3>
      <div v-for="item in condition_list" :key="item.title">
        <img :src="item.img_url">
        <h4>{{ item.title }}</h4>
        <p>{{ item.tips }}</p>
      </div>
    </section>
    <section class="solution">
      <h2>我们的解决方案</h2>
      <div v-for="item in solution_list" :key="item.tips">
        <img :src="item.img_url">
        <p>{{ item.tips }}</p>
      </div>
      <button @click="$fn.openQQ">获取您的定制节税方案</button>
    </section>
    <section class="scheme">
      <div class="img-bar">
        <img src="../assets/images/tax-raise-scheme-pic.png">
      </div>
      <button @click="$fn.openQQ">获取您的定制节税方案</button>
    </section>
    <section class="choose">
      <img class="pic" src="../assets/images/tax-raise-choose-pic.png">
      <div class="content">
        <h2>选择我们</h2>
        <h3>超过上万家企业选择我们</h3>
        <div class="item" v-for="item in choose_list" :key="item.title">
          <div class="icon-bar">
            <img class="icon" :src="item.img_url">
          </div>
          <div class="info">
            <h4>{{ item.title }}</h4>
            <p>{{ item.tips }}</p>
          </div>
        </div>
      </div>
    </section>
    <section class="advantage">
      <h2>我们的优势</h2>
      <h3>知道详细服务流程,办理简单效率</h3>
      <div v-for="item in advantage_list" :key="item.tips">
        <div class="icon-bar">
          <img :src="item.img_url">
        </div>
        <p>{{ item.tips }}</p>
      </div>
    </section>
    <section class="process-1">
      <h2>1 企业设立流程</h2>
      <div class="bg-line">
        <div class="bg-line-up">
          <div class="bg-line-up-offset"></div>
        </div>
        <div class="bg-line-below">
          <div class="bg-line-below-offset"></div>
        </div>
        <div class="step-1">开始</div>
        <div class="step-2">
          <div>材料收集，签订合同</div>
          <p>1个工作日</p>
        </div>
        <div class="step-3">
          <div>网上查名申请</div>
          <p>3~10个工作日</p>
        </div>
        <div class="step-4">
          <div>股东身份确认及签字</div>
          <p>2个工作日</p>
        </div>
        <div class="step-5">
          <div>递交注册资料</div>
          <p>1个工作日</p>
        </div>
        <div class="step-6">
          <div>领取营业拍照正副本</div>
          <p>5个工作日</p>
        </div>
        <div class="step-7">完成</div>
      </div>
      <div class="notice">
        <h3>企业注册须知：</h3>
        <div class="item" v-for="item in notice_list" :key="item">
          <img src="../assets/images/star.png">
          <p>{{ item }}</p>
        </div>
      </div>
    </section>
    <section class="process-2">
      <h2>2 准备资料阶段</h2>
      <div 
        :class="index === prepare_item_selected ? 'item item-active' : 'item'"
        v-for="(item, index) in prepare_list"
        :key="item.title"
        @click="prepare_item_selected = index"
        @mousemove="prepare_item_selected = index">
        <div class="icon-bar">
          <img class="icon" :src="index === prepare_item_selected ? item.img_selected : item.img_url">
        </div>
        <h4>{{ item.title }}</h4>
        <div class="middle-line">
          <span class="middle-dot"></span>
        </div>
        <p>{{ item.tips }}</p>
      </div>
    </section>
    <section class="process-3-6">
      <div class="content">
        <div class="title-bar">
          <div class="title">3 公司名称查名及审核</div>
          <div class="line"></div>
        </div>
        <p class="tips">对提供的名称在工商系统进行预审，预审通过后连同经营范围及注册资本等相关信息报送至工商局进行审核，审核成功后进行身份确认和材料签字。</p>
        <div class="title-bar">
          <div class="line"></div>
          <div class="title">4 领取执照刻意备案</div>
        </div>
        <p class="tips">材料签字后报送工商局5-7个工作日后，可领取营业执照，并根据提示进行公章、财务章、法人章、发票专用章的刻制和备案。</p>
        <div class="title-bar">
          <div class="title">5 银行基本户开立</div>
          <div class="line"></div>
        </div>
        <p class="tips">完成注册流程及刻章备案后，预约银行进行基本户开设，次环节有部分银行要求投资人到场协助办理。</p>
        <div class="title-bar">
          <div class="line"></div>
          <div class="title">6 税务约谈及领购发票</div>
        </div>
        <div class="more">
          <h3>税务开业需要的资料清单：</h3>
          <p>1.营业执照原件及复印件；</p>
          <p>2.开户银行许可证原件及复印件；</p>
          <p>3.投资人身份证原件及复印件；</p>
          <p>4.实际经营地的租赁合同复印件及产权证复印件；</p>
          <p>5.公章、发票专用章、CA证书</p>
        </div>
      </div>
    </section>
    <section class="classify">
      <h2>个人独资企业行业分类</h2>
      <div v-for="(item, index) in classify_list" :key="item.title" :class="'item-' + index">
        <h3>{{ item.title }}</h3>
        <h4 v-for="t in item.enterprise" :key="t">{{ t }}</h4>
        <p>{{ item.tips }}</p>
      </div>
    </section>
    <section class="sample">
      <h2>样本展示</h2>
      <div v-for="item in sample_list" :key="item.tips">
        <img :src="item.img_url">
        <p>{{ item.tips }}</p>
      </div>
    </section>
    <section class="scope">
      <h2>个人独资企业经营范围参考</h2>
      <div>
        <h3>01</h3>
        <p>品牌策划，文化艺术交流与策划，舞台艺术造型策划，企业形象策划，市场营销策划，会务服务，展览展示服务，设计、制作各类广告，（计算机、网络科技、信息）技术领域内的技术开发、技术转让、技术咨询和技术服务，计算机软件开发，电子商务（不得从事增值电信、金融业务）。</p>
      </div>
      <div>
        <p>文化艺术交流策划，企业形象策划，市场营销策划，品牌策划，设计、制作各类广告，利用自有媒体发布广告，展览展示服务，摄像服务，会务服务，舞台搭建，图文设计、制作， 机械设备、机电设备安装（除特种设备）维修。</p>
        <h3>02</h3>
      </div>
      <div>
        <h3>03</h3>
        <p>文化艺术交流策划，舞台艺术造型策划，企业形象策划，会务服务，礼仪服务，展览展示服务，设计、制作各类广告，投资管理，投资咨询，企业管理咨询，商务信息咨询，室内外装潢设计，从事（计算机、网络、信息）技术领域内的技术开发、技术转让、技术咨询和技术服务，计算机软件开发，电子商务（不得从事增值电信、金融业务）。</p>
      </div>
    </section>
    <section class="data">
      <h2>注册后企业到手的资料</h2>
      <div v-for="item in data_list" :key="item.tips">
        <img :src="item.img_url">
        <p>{{ item.tips }}</p>
      </div>
    </section>
    <img class="footer-img" src="../assets/images/tax-raise-footer.png">
  </section>
</template>

<script>
  /**
   * @Author: lifuzhao
   * @Date: 2019-05-07
   * @Project: eabax
   */
  import '../assets/less/tax-raise.less'

  export default {
    name: 'tax-raise',
    layout: 'common',
    components: {},
    data () {
      return {
        prepare_item_selected: 0,
        condition_list: [
          {
            img_url: require('../assets/images/tax-raise-condition-1.png'),
            title: '企业所得税高',
            tips: '每年企业产生的利润需缴纳25%的企业所得税'
          },
          {
            img_url: require('../assets/images/tax-raise-condition-2.png'),
            title: '个人所得税高',
            tips: '人人都想要高工资，但高工资就意味着个税'
          },
          {
            img_url: require('../assets/images/tax-raise-condition-3.png'),
            title: '没有成本发票',
            tips: '公司采购的产品对方没有发票或不开票'
          },
          {
            img_url: require('../assets/images/tax-raise-condition-4.png'),
            title: '企业不敢分红',
            tips: '利润分红需缴纳20%的个人所得税'
          },
        ],
        solution_list: [
          {
            img_url: require('../assets/images/tax-raise-solution-1.png'),
            tips: '通过地方税收洼地直接降低税率'
          },
          {
            img_url: require('../assets/images/tax-raise-solution-2.png'),
            tips: '通过我们的税务筹划，可以让您企业的整体税负控制在 4.5% 以内'
          },
          {
            img_url: require('../assets/images/tax-raise-solution-3.png'),
            tips: '税收财政奖励，给予企业实缴税收适当的返还'
          },
        ],
        choose_list: [
          {
            img_url: require('../assets/images/tax-raise-choose-1.png'),
            title: '价格透明',
            tips: '统一报价，无隐形消费'
          },
          {
            img_url: require('../assets/images/tax-raise-choose-2.png'),
            title: '信息安全',
            tips: '个人信息安全有保障'
          },
          {
            img_url: require('../assets/images/tax-raise-choose-3.png'),
            title: '专人服务',
            tips: '一对一专属顾问7*24小时金牌服务'
          },
          {
            img_url: require('../assets/images/tax-raise-choose-4.png'),
            title: '售后无忧',
            tips: '服务出问题客服经理全程跟进'
          },
        ],
        advantage_list: [
          {
            img_url: require('../assets/images/tax-raise-advantage-1.png'),
            tips: '无需再为发票发愁'
          },
          {
            img_url: require('../assets/images/tax-raise-advantage-2.png'),
            tips: '免25%企业所得税'
          },
          {
            img_url: require('../assets/images/tax-raise-advantage-3.png'),
            tips: '免股东分红20%个人所得税'
          },
          {
            img_url: require('../assets/images/tax-raise-advantage-4.png'),
            tips: '代开增值税专用发票全额抵扣'
          },
          {
            img_url: require('../assets/images/tax-raise-advantage-5.png'),
            tips: '综合税负率0.5%~3.5%'
          },
        ],
        notice_list: [
          '所有新设立的公司，材料一旦通过，所有信息将不能进行更改',
          '每个股东只能有1家企业办理中，不能同时新设2家',
          '网报通过不办结的，涉及到的股东永远无法开新公司',
          '新设立公司，1年内不能做名称变更',
          '查名单次单户只能申报一个名字，驳回后重新递交下一个备用名称，结果回复一般2个工作日内'
        ],
        prepare_list: [
          {
            img_selected: require('../assets/images/tax-raise-prepare-1-selected.png'),
            img_url: require('../assets/images/tax-raise-prepare-1.png'),
            title: '公司名称',
            tips: '备查名称5-10个【名称不过所有材料需要重新填写，所以明显不会过的名字不予申报】'
          },
          {
            img_selected: require('../assets/images/tax-raise-prepare-2-selected.png'),
            img_url: require('../assets/images/tax-raise-prepare-2.png'),
            title: '注册资金',
            tips: '确认后不能更改'
          },
          {
            img_selected: require('../assets/images/tax-raise-prepare-3-selected.png'),
            img_url: require('../assets/images/tax-raise-prepare-3.png'),
            title: '注册地址',
            tips: '可由税点点提供'
          },
          {
            img_selected: require('../assets/images/tax-raise-prepare-4-selected.png'),
            img_url: require('../assets/images/tax-raise-prepare-4.png'),
            title: '投资人身份证复印件',
            tips: '含投资人实名制手机号，邮箱'
          },
          {
            img_selected: require('../assets/images/tax-raise-prepare-5-selected.png'),
            img_url: require('../assets/images/tax-raise-prepare-5.png'),
            title: '经营范围',
            tips: '确认后不能更改，具体表述以工商调整后为准'
          },
        ],
        classify_list: [
          {
            title: '01',
            enterprise: [
              'XX（上海）企业管理咨询中心',
              'XX（上海）互联网技术中心',
              'XX（上海）商务咨询事务所',
              'XX（上海）建筑设计事务所',
              'XX（上海）建筑装饰工程队',
              'XX（上海）营销策划中心'
            ],
            tips: '适用场景，如：商务咨询，互联网技术服务，品牌管理，营销策划，建筑设计，施工等'
          },
          {
            title: '02',
            enterprise: [
              'XX（上海）企业管理咨询中心',
              'XX（上海）互联网技术中心',
              'XX（上海）商务咨询事务所',
              'XX（上海）建筑设计事务所',
              'XX（上海）建筑装饰工程队',
              'XX（上海）营销策划中心'
            ],
            tips: '适用场景，如：商务咨询，互联网技术服务，品牌管理，营销策划，建筑设计，施工等'
          },
          {
            title: '03',
            enterprise: [
              'XX（上海）企业管理咨询中心',
              'XX（上海）互联网技术中心',
              'XX（上海）商务咨询事务所',
              'XX（上海）建筑设计事务所',
              'XX（上海）建筑装饰工程队',
              'XX（上海）营销策划中心'
            ],
            tips: '适用场景，如：商务咨询，互联网技术服务，品牌管理，营销策划，建筑设计，施工等'
          },
        ],
        sample_list: [
          {
            img_url: require('../assets/images/tax-raise-sample-1.png'),
            tips: 'xx（上海）建筑装饰设计事务所'
          },
          {
            img_url: require('../assets/images/tax-raise-sample-2.png'),
            tips: 'xx（上海）企业管理咨询中心'
          },
          {
            img_url: require('../assets/images/tax-raise-sample-3.png'),
            tips: 'xx（上海）影视工作室'
          },
        ],
        data_list: [
          {
            img_url: require('../assets/images/tax-raise-data-1.png'),
            tips: '营业执照正副本'
          },
          {
            img_url: require('../assets/images/tax-raise-data-2.png'),
            tips: '公章、财务专用章、法人章、发票专用章'
          },
          {
            img_url: require('../assets/images/tax-raise-data-3.png'),
            tips: '公司章程'
          },
          {
            img_url: require('../assets/images/tax-raise-data-4.png'),
            tips: '租赁协议'
          },
          {
            img_url: require('../assets/images/tax-raise-data-5.png'),
            tips: '银行开户许可证'
          },
        ],
      }
    },
  }
</script>
